<template>
    <div>
        首页1
        <p @click="addCountFn">userStore仓库数据--count:{{ userStore.count }}</p>
        <p>计算属性doubleCount:{{ userStore.doubleCount }}</p>
    </div>
</template>

<script setup>
// 使用user仓库中的数据
// 引入useUserStore 这个方法
import { useUserStore } from '@/store/userstore'
// console.log('useUserStore', useUserStore);
// 获取仓库对象
const userStore = useUserStore();
// console.log('userStore', userStore);

//修改仓库中的数据count
const addCountFn = () => {
    userStore.addCount(10)
}

</script>
<style scoped></style>